 <html>
<head>

<title>e-saku</title>
<script type="text/javascript" src="classes/controls/curvycorners.js"></script>
<script type="text/javascript" src="classes/addon/utilities.js"></script>
<script type="text/javascript" src="classes/addon/canvasElement.js"></script>
<script type="text/javascript" src="classes/addon/canvasImg.js"></script>

<script type="text/javascript" src="classes/common.js"></script>
<script type="text/javascript" src="classes/commonLib.js"></script>
<script type="text/javascript" src="classes/coolclock.js"></script>
<script type="text/javascript" src="classes/controls/rexml.js"></script>

<script type="text/javascript" src="classes/controls/XMLAble.js"></script>
<script type="text/javascript" src="classes/controls/eventHandler.js"></script>
<script type="text/javascript" src="classes/controls/arrayList.js"></script>
<script type="text/javascript" src="classes/controls/arrayMap.js"></script>
<!--
<script type="text/javascript" src="classes/allCtrl.js"></script>
<img src="image/loader.gif" style="{position:absolute;top:50%;left:45%;}"/>
<img src="image/loader.gif" style="{position:absolute;top:55%;left:45%;filter:alpha(opacity:0.3);opacity:0.3;moz-opacity:0.3}"/>
-->
<script>	
	document.write(loadCSS("server_util_laporan"));
</script>

<style  type="text/css">
INPUT{
  font-family:Arial;
  font-size:11px;
  border:1px solid #a3a6a8;
}
TEXTAREA{
  font-family:Arial;
  font-size:11px;
  border:1px solid #a3a6a8;
}
BODY{
  font-family:Arial;
  font-size:12px;  
}
.messageBoard
{
    margin: 0 auto;
    border: 0px solid #ffffff;
    color: #ffffff;
    width: 500;
	height:200;
    padding: 20px;
    text-align: left;
    background-color: #555555;	
    border: 3px solid #ffffff;
	position:absolute;
	top:-300;
	left :25%;
	
}
canvas 	{ background-color: transparent; top: 0; left: 0; position: absolute;}
canvas.resize-ne { cursor: ne-resize; }
canvas.resize-se { cursor: se-resize; }
canvas.resize-sw { cursor: sw-resize; }
canvas.resize-nw { cursor: nw-resize; }
canvas.move { cursor: move; }
canvas.default { cursor: default; }
</style>

<script language="javascript">

	function bodyOnLoad(event)
	{
		try		
		{
			var step = "create page";
			var ok = false;
			BrowserDetect.init();
			if ((BrowserDetect.browser == "Explorer") && (BrowserDetect.version < 7)) 
			{
				alert("Browser not supported.\r\nRequired Internet Explorer 7 or greater ");				
			}else if ((BrowserDetect.browser == "Explorer")) 
			{
				ok = confirm("You are using Internet Explorer "+BrowserDetect.version+". Are you want to continue?");				
			}	
			if ((BrowserDetect.browser == "Firefox") && (BrowserDetect.version < 2.6)) 
			{
				ok = confirm("This program not tested on firefox "+BrowserDetect.version+". Are you want to continue?");				
			}else if (BrowserDetect.browser == "Firefox")
				ok = true;			
			if ((!ok) && (BrowserDetect.browser != "Firefox") && ((BrowserDetect.browser != "Explorer")))
			{
				alert("Your browser "+BrowserDetect.browser+" v "+BrowserDetect.version+" and program not tested on this browser.Maybe browser not supported.Required Firefox 3 or greater ");				
			}
			if (ok)
			{								
				uses("controls_buttonState");uses("controls_component");uses("controls_control");uses("controls_containerControl");uses("controls_containerComponent");
				uses("controls_application");uses("controls_commonForm");uses("controls_hintFrame");uses("controls_font");uses("controls_form");
				uses("controls_timer");uses("controls_page");uses("controls_childForm");uses("controls_msgBoard");				
				
				var msgBoard = document.getElementById("messageBoard");																											
				var splash = document.getElementById("page_splash");																											
				settings = {
					  tl: { radius: 20 },
					  tr: { radius: 20 },
					  bl: { radius: 20 },
					  br: { radius: 20 },
					  antiAlias: true,
					  autoPad: true,
					  validTags: ["div"]
				  }							
				window.pageForm = document.getElementById("page_block");																									
				window.pageCnv = document.getElementById("page");																									
				window.loading = document.getElementById("page_loading");																													
				window.loading.style.left = parseInt(pageCnv.offsetWidth) / 2 - 110;
				showProgress();
				window.pageForm.style.display = "";				  
				var rounded = new curvyCorners(settings,"messageBoard");				
				rounded.applyCornersToAll();
				window.messageBoard = new controls_msgBoard();											
				window.messageBoard.draw(msgBoard);		
				window.messageBoard.bound();				
				window.page = new controls_page();		
				step = "init page";											
				window.page.rujax();									
				window.pageForm.style.display = "none";
				hideProgress();
				splash.style.display = "none";
			}else if (confirm("Go to download Page?"))
						window.location = "portal/index.php";	
		}catch(e)
		{
			alert("onload : " + e+"\r\n"+step);
		}		
	}
	function bodyUnLoad(event){
		page.clearTmp();
		page.logout();
		if (app != undefined)
			app.terminate();
	}
</script>
</head>

<body onLoad="bodyOnLoad(event);" onunload="bodyUnLoad(event);" style="{overflow:hidden; background-color:  #034891; font-family: Arial; font-size: 11px;}" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0"   >      
	  <div id="page_block" style="{z-index:3;position:absolute;background:url(image/roojax.png)bottom left repeat-x;background-color:#034891;left: 0; top: 0; width: 100%; height: 100%;display:none}" align='center' valign='middle'>
		
	  </div>			
	  <div id="page_loading" style="{z-index:999999;position:absolute;left: 0; top: 0; width: 220; height: 18;display:none}" align='center' valign='middle'>		
		<img src="image/loading.gif" style="{position:absolute;top:0;left:0;}"/>				
	  </div>			
	  <div id="page_splash" style="{z-index:999999;position:absolute;left: 45%; top: 30%; width: 150; height: 150;display:}" align='center' valign='middle'>		
		<img src="image/jambookcl.png" style="{position:absolute;top:0;left:0;}"/>				
	  </div>			
	  <div id="page" style="{position:absolute;left: 0; top: 0; width: 100%; height: 100%;z-index:2;display:}">      		                         
			 <div class="messageBoard" id ="messageBoard"> 	
			 </div>
			 <div id="page_form" style="{background: #034891;left: 0; top: 83; width: 100%; height: 100%;overflow:hidden}">
			 </div>						 
      </div>	  	  	        
	  <iframe id="loader" style='display:none'>
	  </iframe>	  
</body>
</html>
